<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <title>HSAE个性化中心_主题在线编辑工具</title>
    <link href="./css/common.min.css" rel="stylesheet">
    <link href="./css/maker-f5.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
</head>

<body>

    <div class="container">
        <div class="title">
            <span class="title_en">HSAE ThemeMaker</span><span class="title_cn">主题制作工具</span>
        </div>
        <div class="loginInfo">
            <div id="loginDiv">
                <span id="nickname" title="用户671179044">用户671179044</span><span class="beyond" id="logout">退出</span>
            </div>
            <div id="logoutDiv" style="display: none;">
                <span id="login">登录</span>
                <span class="beyond" id="register">注册</span>
            </div>
        </div>
        <div class="middle_box">
            <div class="header_title">与亿万用户分享你的创意</div>
            <div class="select_box clearfix" id="select" style="display: block;">
                <div class="create_middle" id="create">创建主题</div>
            </div>
            <div class="content-box hide" id="creation" style="display: none;">

                <dl class="row clearfix"><dt>品牌</dt>
                    <dd>
                        <div class="dropdown">
                            <button class="btn dropdown-toggle span350" type="button" data-toggle="dropdown" data-name="system" data-value="HSAE8">
                        HSAE8<span class="caret"></span></button>
                            <ul class="dropdown-menu span348" role="menu" aria-labelledby="versions" id="versionUL">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE1</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE2</a></li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <dl class="row clearfix"><dt>车型</dt>
                    <dd>
                        <div class="dropdown">
                            <button class="btn dropdown-toggle span350" type="button" data-toggle="dropdown" data-name="system" data-value="HSAE8">
                        HSAE8<span class="caret"></span></button>
                            <ul class="dropdown-menu span348" role="menu" aria-labelledby="versions" id="versionUL">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE1</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE2</a></li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <dl class="row clearfix"><dt>车系</dt>
                    <dd>
                        <div class="dropdown">
                            <button class="btn dropdown-toggle span350" type="button" data-toggle="dropdown" data-name="system" data-value="HSAE8">
                        HSAE8<span class="caret"></span></button>
                            <ul class="dropdown-menu span348" role="menu" aria-labelledby="versions" id="versionUL">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE1</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE2</a></li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <dl class="row clearfix"><dt>型号</dt>
                    <dd>
                        <div class="dropdown">
                            <button class="btn dropdown-toggle span350" type="button" data-toggle="dropdown" data-name="system" data-value="HSAE8">
                        HSAE8<span class="caret"></span></button>
                            <ul class="dropdown-menu span348" role="menu" aria-labelledby="versions" id="versionUL">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE1</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE2</a></li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <dl class="row clearfix"><dt>配置</dt>
                    <dd>
                        <div class="dropdown">
                            <button class="btn dropdown-toggle span350" type="button" data-toggle="dropdown" data-name="system" data-value="HSAE8">
                        HSAE8<span class="caret"></span></button>
                            <ul class="dropdown-menu span348" role="menu" aria-labelledby="versions" id="versionUL">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE1</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-value="">HSAE2</a></li>
                            </ul>
                        </div>
                    </dd>
                </dl>

                <hr class="hr">
                <div class="clearfix">
                    <a href="#" class="back" id="back">返回</a>
                    <a href="#" class="enter enter_disable" id="enter">确定</a>
                </div>
            </div>
        </div>
        <div class="footer">
            <br>
            <span>©2020 HSAE Telecom Equipment Co., Ltd. All rights reserved.</span>
        </div>
    </div>


    <script src="./js/common.min.js"></script>
    <script src="./js/global_theme.js"></script>


    <script>
        $(function() {

            $("#create").click(function() {
                $("#select").hide();
                $("#creation").show();
                $("#themeName").val("").focus();
                $("#enter").show();
                $("#enterImport").parents("form").hide();
            });

            $("#back").click(function() {
                $("#creation").hide();
                $("#select").show();
            });
        })
    </script>

</body>

</html>